body{
	background-color: aliceblue;
}
#bgc1{
	position: fixed;
	width: 100%;
	height: 100%;
	background: url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1555063046874&di=3f954635ccc8491a1bbc7c9a8bc8da9f&imgtype=0&src=http%3A%2F%2Fgss0.baidu.com%2F9vo3dSag_xI4khGko9WTAnF6hhy%2Fzhidao%2Fpic%2Fitem%2F203fb80e7bec54e7373c5099b9389b504ec26a60.jpg),no-repeat,100%;
	background-size:;
	background-position: right;
	right: 0;
	z-index: -1;
}


#top_title{
	width: 1000px;
	height: 100px;
	margin: auto;
	background-color: 
}
#big{
	border: black 2px solid;
	margin:80px auto 0;
	padding: 20px;
	width: 550px;
	min-height: 600px;
	background-color: #F8F8F8;
	opacity: 0.9;
}
li{
	list-style-type: none;
	margin: 0;
}
ul{
	margin: 0;
	padding: 0;
}

.facePic>img{
	width: 40px;
	height: 40px;
}
#face{
	float: left;
	padding: 0;
	margin: 10px;
}
#but{
	width: 500px;
}

#txtNum{
	font-size: 16px;
	line-height: 30px;
	float: right;
	margin-right: 20px;
}
#up{
	margin-bottom: 50px;
}
#down{
	width: 550px;
}
#title{
	width: 548px;
	height: 40px;
	background-color: lightgray;
	border: 1px solid lightgray;
}
#titleTxt{
	width: 80px;
	height: 25px;
	border: 1px solid #fff;
	margin-left: 15px;
	margin-top: 14px;
	text-align: center;
	background-color: #FFFFFF;
	font-size: 18px;
	border-radius: 5px 5px 0 0;
}
#ulItem{
	padding: 0;
	margin: 0;
}
.faceDiv{
	width: 60px;
	height: 60px;
	overflow: hidden;
	border-radius: 5px;
	display: inline-block;
}

.faceDiv>img{
	width: 60px;
	height: 60px;
}
#ulItem>li{
	padding-left: 10px;
	padding-bottom: 15px;
	margin-top: 15px;
	border-bottom: 1px dashed lightgray;
	width: 550px;
	overflow: scroll;
}
.say{
	width:440px;
	margin-top: 0;
	margin-bottom: 0;
	word-wrap:break-word；
}
.time{
	width: 300px;
}
.right{
	width: 470px;
	float: right;
}
.right span{
	float: right;
	font-size: 12px;
	color: lightgray;
	margin-right: 20px;
	opacity: 0;
	transition: all 500ms;
	cursor: pointer;
}
.right:hover span{
	opacity: 1;
}
#face img {
	cursor: pointer;
	margin-right: 6px;
	opacity: 0.3;
}

#topLeft{
	width: 420px;
	float: left;
}
#img{
	width: 240px;
	height: 100px;
	float: left;
}
#img img{
	width: 240px;
	height: 100px;
}
#welcome{
	float: left;
}
#welcome>p{
	font-size: 24px;
    line-height: 24px;
    color: brown;
    border-left: #000 1px solid;
    padding-left: 30px;
    margin-left: 20px;
    margin-top: 40px;
}
#topRight{
	float: right;
	width: 530px;
	height: 100px;
	padding: 0;
	display: none;
}
#login{
	display: none;
}
#login li{
	float: right;
	/* width: 28%; */
    line-height: 100px;
    font-size: 18px;
    float: right;
    text-align: center;
	color: #000;
	margin-right: 30px;
}
#login a{
	color: #000;
	font-size: 18px;
}
#topRight li{
	float: right;
	/* width: 28%; */
    line-height: 100px;
    font-size: 18px;
    float: right;
    text-align: center;
	color: #000;
	margin-right: 30px;
}
#topRight a{
	color: #000;
	font-size: 18px;
}
#top_title>.show{
	display: block;
}